/* 选择就诊人组件样式 */

/* 当前选中病人显示区域 */
.patientDisplay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1vw 1vw;
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 10px;
}

/* 病人信息区域 */
.patientInfo {
  flex: 1;
}

/* 病人姓名样式 */
.patientName {
  font-weight: bold;
  font-size: 15px;
  color: #333;
}

/* 病人身份证号样式 */
.patientIdCard {
  margin-left: 10px;
  color: gray;
  font-size: 14px;
}

/* 切换按钮区域 */
.switchButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 5px;
}

/* 切换图标样式 */
.switchIcon {
  font-size: 30px;
  color: #1677ff;
  margin-bottom: 5px;
}

/* 切换文字样式 */
.switchText {
  font-size: 14px;
  color: #1677ff;
}

/* 弹窗内容区域 */
.popupContent {
  padding: 20px;
}

/* 弹窗标题样式 */
.popupTitle {
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

/* 病人列表容器 */
.patientList {
  margin-bottom: 20px;
}

/* 病人选项样式 */
.patientItem {
  padding: 15px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* 选中状态的病人选项 */
.patientItem.selected {
  background-color: #e6f4ff;
  border: 2px solid #1890ff;
}

/* 病人选项信息 */
.patientItemInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 病人选项姓名 */
.patientItemName {
  font-weight: bold;
  color: #333;
}

/* 病人选项身份证号 */
.patientItemIdCard {
  color: gray;
  margin-left: 16px;
}

/* 选中标记样式 */
.checkMark {
  margin-left: -44vw;
  color: #1890ff;
  font-weight: bold;
  font-size: 16px;
}

/* 添加按钮容器 */
.addButtonContainer {
  margin-top: 150px;
}

/* 添加按钮样式 */
.addButton {
  border-radius: 8px;
}
